<template>
  <div class="w">
    <header>
      <div class="top">
      <i class="iconfont icon-xiugai" @click="rem"></i>
      <div class="t">
        <div class="img">
          <img src="" alt="">
        </div>
        <div class="txt">
          <h5>金硕车行</h5>
        <p>
          <span>黄老板</span>
          <span>1357553436</span>
        </p>
        </div>
      </div>
    </div>
    <div class="con">
      <ul>
        <li @click="Jump('/mine/collection')">
          <span>我的收藏</span>
          <span>查看全部 <i class="iconfont icon-xiangyoujiantou"></i></span>
        </li>
        <li @click="Jump('/mine/coalition')">
          <span>我的联盟</span>
          <span><i class="iconfont icon-xiangyoujiantou"></i></span>
        </li>
      </ul>
      <ul>
        <li @click="Jump('/mine/help')">
          <span>帮助中心</span>
          <span>查看全部 <i class="iconfont icon-xiangyoujiantou"></i></span>
        </li>
        <li @click="Jump('/mine/contact')">
          <span>设置联系人</span>
          <span><i class="iconfont icon-xiangyoujiantou"></i></span>
        </li>
        <li @click="Jump('/mine/authentication')">
          <span>车商认证</span>
          <span>点击认证 <i class="iconfont icon-xiangyoujiantou"></i></span>
        </li>
        <li @click="Jump('/mine/enrol')">
          <span>修改密码</span>
          <span><i class="iconfont icon-xiangyoujiantou"></i></span>
        </li>
      </ul>
    </div>
    </header>
    <footer>
      <!-- <ul>
        <li>
          <i id="ico" class="iconfont icon-shouye"></i>
          <span>首页</span>
        </li>
        <li>
          <i id="ico" class="iconfont icon-icon"></i>
          <span>车辆管理</span>
        </li>
        <li>
          <i id="ico" class="iconfont icon-yingxiaoshezhi"></i>
          <span>营销工具</span>
        </li>
        <li>
          <i id="ico" class="iconfont icon-wode-wode"></i>
          <span>我的</span>
        </li>
      </ul> -->
      <van-tabbar
      v-model="active"
      active-color="#ff4c4c"
      inactive-color="#bebebe"
      route
      >
        <van-tabbar-item replace to="/">
          <span>首页</span>
          <template #icon="props">
            <i :src="props" id="ico" class="iconfont icon-shouye"></i>
          </template>
        </van-tabbar-item>
        <van-tabbar-item>
          <span>车辆管理</span>
          <template #icon="props">
            <i :src="props" id="ico" class="iconfont icon-icon"></i>
          </template>
        </van-tabbar-item>
        <van-tabbar-item>
          <span>营销工具</span>
          <template #icon="props">
            <i :src="props" id="ico" class="iconfont icon-yingxiaoshezhi"></i>
          </template>
        </van-tabbar-item>
        <van-tabbar-item replace to="/mine">
          <span>我的</span>
          <template #icon="props">
            <i :src="props" id="ico" class="iconfont icon-wode-wode"></i>
          </template>
        </van-tabbar-item>
      </van-tabbar>
    </footer>
  </div>
</template>

<script>
export default {
  data () {
    return {
      active: 0
    }
  },
  methods: {
    rem () {
      localStorage.removeItem('token')
      location.reload()
    },
    // 路由跳转
    Jump (url) {
      this.$router.push({ path: url })
    }
  }
}
</script>

<style lang="less" scoped>
@import './index.less';
</style>
